*{
	margin: 0;padding: 0;
}

#all{
	width: 1200px;
	height: 14px;
	// background: pink;
	margin: 0 auto;
	margin-top: 14px;
	span{
		color: #999;
	}
}
#cos{
	width: 1200px;
	// height: 118px;
	margin:0 auto;
	margin-top: 14px;
	border:1px solid #e1e1e1;
	#cos_t{
		width: 1166px;
		height: 38px;
		margin: 0 auto;
		border-bottom: 1px solid #e1e1e1;
		span{
			margin-right: 20px;
			line-height: 38px;
			color: #999;
		}
		a{	
			text-decoration: none;
			margin-right: 20px;
			line-height: 38px;
			color: #666666;
			.cos_t1{color: #f69;}
			span{
				&:hover{
					color: #f69;
				}
			}
		}
		.cos_tr{
			display: inline-block;
			float: right;
			width: 40px;
			height: 24px;
			border:1px solid #e1e1e1;
			text-align: center;
			margin-top: 6px;

			&:hover{
				background: #f5f5f5;
			}
			&:hover #cos_tt{
					display: block;
			}
			span{
				line-height: 24px;
				margin-right: 0px;
				
			}
		}
	}
	#cos_tt{
		width: 1166px;
		height: 66px;
		// background: pink;
		border-bottom: 1px solid #e1e1e1;
		margin: 0 auto;
		display: none;
		span{
			margin-right: 20px;
			line-height: 38px;
			color: #999;
		}
		a{	
			text-decoration: none;
			margin-right: 20px;
			line-height: 38px;
			color: #666666;
			
			.cos_ttd{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin-top: 5px;
				border:1px solid #999;
			}
			&:hover{
				color: #f69;
			}
		}
		.cos_tb{
			width: 897px;
			height: 24px;
			// background: blue;
			margin:0 auto;
			.cos_tbb{
				width: 100px;
				margin:0 auto;
				span{
					display: inline-block;
					width: 30px;
					height: 28px;
					text-align: center;
					// border:1px solid #ccc;
					line-height: 24px;
					margin: 0 auto;
					margin-right: 10px;
				}
			}
		}
	}
}

#mon{
	width: 1200px;
	height: 40px;
	border:1px solid #e1e1e1;
	border-left:none; 
	margin: 0 auto;
	margin-top: 10px;
	background: #f8f8f8;
	ul .mon_l{
		list-style: none;
		float: left;
		width: 65px;
		height: 40px;
		text-align: center;
		
		border-right:1px solid transparent; 
		border-left:1px solid transparent;
		&:hover{
			border-right:1px solid #e1e1e1; 
			border-left:1px solid #e1e1e1;
			background: white;
		}
		a{
			text-decoration: none;
			color: #666666;
			line-height: 40px;
			&:hover{
				color:#f69;
			}
		}
	}
	ul .mon_l1{
		list-style: none;
		float: left;
		width: 79px;
		height: 40px;
		text-align: center;
		border-right:1px solid transparent; 
		border-left:1px solid transparent;
		position: relative;
		a{
			text-decoration: none;
			color: #666666;
			line-height: 40px;
			&:hover{
				color:#f69;
			}
		}
		&:hover .mon_l2{
			display: block;
		}
		.mon_l2{
			position: relative;
			top:-41px;
			left: 0px;
			z-index: 10;
			display: none;
			width: 113px;
			height: 78px;
			background:white;
			border-top:none; 
			border:1px solid #e1e1e1;
			a{
				width: 112px;
				height: 38px;
				text-decoration: none;
				color: #666;
				&:hover{
					color: #f69;
				}
			}
		}
	}
	.mon_c{
		width: 220px;
		height: 26px;
		// background: pink;
		float: left;
		margin-top: 7px;
		// overflow: hidden;
		.mon_cp{
			width: 76px;
			height: 20px;
			boder:1px solid #e1e1e1;
		}
		.mon_cd{
			width: 8px;
			height:12px;
			display: inline-block;
			color: #666;
			line-height: 6px;
		}
		button{
			// display: inline-block;
			width: 32px;
			height: 26px;
			background: white;
			boder:1px solid #e1e1e1;
			color: #666;
		}

	}
	#mon_r{
			width: 86px;
			height: 33px;
			// background: pink;
			float: right;
			text-align: center;
			a{
				text-decoration: none;
				color: #666;
				line-height: 33px;
				.mon_r1{
					display: inline-block;
					width: 20px;
					height: 20px;
					background: blue;
					// boder:1px solid blue;
					float:left;
					margin-top:7px;
					margin-left: 5px;
				}

			}
	}

}
#show{
	width: 1220px;
	// height: 866px;
	// background: pink;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
	.shows{
		width: 224px;
		height: 423px;
		margin-top: 10px;
		// background: blue;
		float: left;
		position: relative;
		margin-left: 10px;
		padding-right: 10px;
		.shows_t{
			width:222px;
			height: 340px;
			position: relative;
			&:hover  .shows_h .shows_h1{
				display: block;
			}
			// border:1px solid red; 
			img{
				width:222px;
				height: 340px;
			}
			.shows_h0{
				width: 42px;
				height: 42px;
				position:absolute;
				// z-index: 2;
				top:-17px;
				left: -17px;
				display: none;
				img{
					width: 42px;
					height: 42px;
					
				}
			}
			.shows_h{
				width: 220px;
				height: 44px;
				position:absolute;
				top:0px;
				left: 0px;
				float: left;
				
				img{
					width: 40px;
					height: 44px;
					display: none;
				}
				.shows_h1{
					width: 50px;
					height: 20px;
					margin-top: 10px;
					border-radius:  0% 0% 0% 0%;
					float: right;
					background: #f69;
					display: none;
					span{
						color: white;
					}
				}
			}
		}
		.shows_c{
			width: 224px;
			height: 29px;
			// background: yellow;
			margin-top:20px;
			.shows_c1{
				font-size:20px; 
				color:#f69;
				line-height: 29px;
				float: left;
			}
			.shows_c2{
				line-height: 29px;
				color:#999;
				float:right;
			}
		}
		.shows_b{
			width: 224px;
			height: 20px;
			// background: red;
			a{
				text-decoration: none;
				color: #666;
				line-height: 20px;
				&:hover{
					color: #f69;
				}
			}
		}
	}

}
	


